<template>
	<view class="back-top">
		<u-back-top :scrollTop="scrollTop" :iconStyle="iconStyle" :customStyle="backCustomStyle" :bottom="bottom"
			:right="right" z-index="500" :duration="50">
		</u-back-top>
	</view>
</template>
<script>
	export default {
		name: "back-top",
		data() {
			return {
				iconStyle: {
					height: '80rpx',
					fontSize: '32rpx',
				},
				backCustomStyle: {
					zIndex: '500',
					width: '80rpx',
					height: '80rpx',
					background: '#FFFFFF',
					BoxShadow: '1rpx 1rpx 10rpx 1rpx #E5E5E5',
				},
			};
		},
		props: { // 此处定义传入的参数
			scrollTop: {
				type: [Number, String],
				default: 0,
			},
			bottom: {
				type: [Number, String],
				default: '150',
			},
			right: {
				type: String,
				default: '15',
			}
		},
		watch: {},
		mounted() {},
		methods: {},
	}
</script>
<style lang="scss"></style>
